<script setup>
import Component_19 from '@/assets/img/Component_19.png'
import SecondLevelHeading from '@/components/title/SecondLevelHeading.vue'

const props = defineProps({
  title: {
    type: String,
    default: '默认标题'
  },
  img: {
    type: String,
    default: Component_19
  }
})
</script>

<template>
  <div class="second-level-card flex flex-col">
    <second-level-heading :title="title" :img="img"></second-level-heading>
    <div class="flex-1">
      <slot></slot>
    </div>
  </div>

</template>

<style scoped>
.second-level-card {
  height: 100%;
  width: 100%;
  background: rgba(15, 54, 70, 0.8);
  border-radius: 0px 0px 0px 0px;
  border: 1px solid rgba(56, 201, 205, 0.3);
}
</style>

